<!doctype html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="icon" href="../dist/img/favicon-32x32.png" sizes="32x32" type="image/png">
    <link rel="icon" href="../dist/img/favicon-16x16.png" sizes="16x16" type="image/png">
    <meta name="keywords" content="响应式后台模板,开源免费后台模板,Bootstrap5后台管理系统模板">
    <meta name="description" content="bootstrap-admin基于bootstrap5的免费开源的响应式后台管理模板">
    <meta name="author" content="ajiho">
    <link rel="stylesheet" href="../lib/bootstrap-icons/font/bootstrap-icons.min.css">
    <link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../dist/css/bootstrap-admin.min.css">
    <title>bootstrap-admin开源免费响应式后台管理系统模板</title>
</head>

<body class="bg-body-tertiary py-3">
<div class="container-fluid">
    <div class="row g-3">
        <div class="col-12">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-body">
                    垂直的简单时间轴
                </div>
                <div class="card-body">
                    <ul class="bsa-timeline2">
                        <li>
                            <div class="d-flex flex-wrap justify-content-between">
                                <h4>用户登录</h4>
                                <span class="">20秒以前</span>
                            </div>
                            <p class="mt-2">
                                登录地址:福建省厦门市xxx街道
                            </p>
                        </li>
                        <li>
                            <div class="d-flex flex-wrap justify-content-between">
                                <h4>添加角色</h4>
                                <span class="">10分钟以前</span>
                            </div>
                            <p class="mt-2">
                                添加角色-市场主管
                            </p>
                        </li>
                        <li>
                            <div class="d-flex flex-wrap justify-content-between">
                                <h4>删除用户</h4>
                                <span class="">3天前</span>
                            </div>
                            <p class="mt-2">
                                删除后台管理员xxx
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-body">
                    利用卡片组件构建时间轴的内容
                </div>
                <div class="card-body">
                    <div class="bsa-timeline1-wrapper">
                        <div class="bsa-timeline1 bsa-timeline1-left">
                            <div class="card">
                                <img src="../dist/img/edge.jpg" class="card-img-top" alt="...">
                                <div class="card-body">
                                    <h5 class="card-title">2019年4月</h5>
                                    <p class="card-text">
                                        从2019年4月开始，Microsoft Edge浏览器已经开始使用Google
                                        Chrome的开源Chromium项目作为其内核。最终目标是让Microsoft
                                        Edge浏览器能够与Chrome浏览器兼容，并为用户提供更出色的网络浏览体验。这样，开发人员可以更容易地测试网站，用户可以享受更好的性能和更好的Web兼容性。

                                        在2019年12月发布的 Microsoft Edge 79 版本中，Microsoft
                                        Edge正式转换为基于Chromium的浏览器。这意味着Microsoft Edge和Google
                                        Chrome的渲染引擎和JavaScript引擎是相同的，而且两个浏览器的页面渲染和JavaScript执行效果相似。同时，从这个版本开始，Microsoft
                                        Edge也支持Chrome浏览器的扩展程序。

                                        需要注意的是，Microsoft Edge仍然是一个独立的浏览器，虽然它的内核与Chrome浏览器相同，但它仍然有自己的用户界面和功能。
                                    </p>
                                    <a href="javascript:" class="btn btn-primary">更多</a>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-right">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">2013年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">IE 11，最后的版本</h6>
                                    <p class="card-text">
                                        IE 11随Windows 8.1一同发布，将会成为微软IE系列的最终版本。IE 11在性能表现不差，至少在Craig
                                        Buckler一项测试中其性能达到了Chrome和Firefox的水平。IE 11在面对新网络标准的兼容性上略落后于主要竞争对手。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-left">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">2012年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">IE 10为Windows 8专属浏览器</h6>
                                    <p class="card-text">
                                        IE 10只存在于Windows 8系统中，同时鉴于后者的特殊定位，IE
                                        10呈现两种版本：Metro风格（现微软称为通用应用）和传统桌面风格。前者在设计上强调触屏操作友好，但不支持插件功能；后者支持插件功能，外观与上一版本无太大差异。IE
                                        10内置了Adobe Flash Player，不过考虑到Flash对电池续航的折损，其部分功能在Metro版本中被屏蔽。有关IE
                                        10的评价目前大多与Windows 8捆绑在一起，因此这里不单独强调。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-right">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">2011年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">IE 9成微软最后的努力</h6>
                                    <p class="card-text">
                                        针对IE 9，微软改变了用户界面设计，并将重心转移至HTML 5、CSS3、XHTML以及其他功能改善方面。IE
                                        9为独立产品，并没有随任何操作系统一同发布。此外，为挽回市场份额，微软甚至不惜重金在电视、Tumblr等社交网站上投入了一系列广告。目前大多数评论认为，IE
                                        9从技术上达到了与Firefox和Chrome不相上下的水平，只是其市场份额却始终未能如微软所愿实现大幅增长。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-left">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">2009年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">IE 8.0进一步改善 但还不足够</h6>
                                    <p class="card-text">
                                        IE 8被广泛认为相比前两个版本的IE浏览器存在较大改进。然而，IE
                                        8来得太晚，微软在浏览器市场的份额已开始流失，其中最大的两个竞争对手分别是Mozilla
                                        Firefox和谷歌Chrome。IE 8提供了新的开发者工具及一些如加速器、推荐网站、性能稳定性改善等的新特性。不过最终，IE
                                        8没能成功帮助微软重新夺回丢失的市场份额。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-right">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">2006年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">IE 7.0终于在千呼万唤中亮相</h6>
                                    <p class="card-text">
                                        此时距离IE 6.0的发布已经过去5年多。“Microsoft Internet Explorer”的字样被“Windows
                                        Internet Explorer”取代。IE 7是Windows Vista的默认浏览器，同时也提供Windows XP版本。IE
                                        7支持256位加密（仅限于Vista用户）和Windows
                                        RSS平台。微软宣称，由于ActiveX控件被设计拥有自己独立的进程（不再占用Windows
                                        Explorer系统进程），因此IE 7的安全性有了大幅提高。可能是因为等得太久，IE
                                        7在市场份额上始终不能追赶上IE 6，期间也为如Mozilla Firefox（火狐）浏览器创造了机会。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-left">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">2001年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">IE
                                        6.0被冠以“史上最差科技产品”的头衔</h6>
                                    <p class="card-text">
                                        IE 6与Windows XP和Windows Server 2003一同推出，截至2002年，IE的市场占有率已经接近90%。尽管市占率空前高，但IE
                                        6最臭名昭著的却是其安全隐患问题，而其中的缘由则大多是因为设计本身而导致。2004年，美国计算机安全紧急应变小组（US-CERT）发布了一份《计算机安全漏洞报告》，明确指出IE的设计缺陷加之其被深入集成至Windows系统的做法，使得该浏览器完完全全成为了一个高危的累赘。同时多个安全专家也开始呼吁用户放弃使用IE浏览器。2006年，《PC
                                        World》杂志评选出“史上最糟糕的科技产品”，其中IE
                                        6.0名列第八位。“或许是这个星球上最不安全的软件产品”——这是杂志报道对IE
                                        6.0的评价。作为反垄断案的判决结果，IE 6.0也是最后一个被命名为“Microsoft Internet
                                        Explorer”的IE浏览器。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-right">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">1997年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">IE 4.0引爆战争
                                        微软迎来大量诉讼</h6>
                                    <p class="card-text">
                                        微软在1997年10月正式发布了IE
                                        4.0。IE开发团队为表示庆祝，在网景公司门前的草坪上树起了一座10英尺高的字母“e”雕像——你没看错，微软在网景公司草坪上树雕像。IE
                                        4.0被广泛认为是微软在浏览器市场的转折性产品，是一款真正发起战争的产品——微软将IE
                                        4.0集成至了Windows操作系统中，此举使得网景的份额大幅流失给微软，并最终走向倒闭。此外，在Windows中集成IE浏览器的做法，也为2001年美国政府以《反垄断法》重罚微软埋下了伏笔。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-left">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">1995年11月</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">模仿网景浏览器的IE 2诞生</h6>
                                    <p class="card-text">
                                        IE 1问世仅几个月，微软便在同年的11月发布了第二版本的Internet
                                        Explorer。第二版最明显的改变在于复制了当时最热门浏览器——网景浏览器（Netscape
                                        Navigator）的若干项功能及设计。早些年，很多网站只为兼容网景浏览器而开发，以至于该浏览器在1996年的市场份额一度维持在90%左右。微软要想击败网警，首先就要拥抱和兼容后者的标准。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-right">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">1996年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">IE 3让微软看到了增长</h6>
                                    <p class="card-text">
                                        IE
                                        3.0发布于1996年8月，是第一款真正让网景感到威胁的浏览器。为挑战后者，微软反向工程JavaScript脚本语言，并由此推出了一个面向IE浏览器的Jscript
                                        for IE；此外，IE浏览器从该版本开始支持ActiveX、插件以及128位加密等新技术。IE
                                        3.0已经完全摒弃了已被使用了两个版本的Spyglass的原始代码——虽然代码不再继续使用，但部分Spyglass的技术被保留了下来，也因此在后来的日子里被告至法庭，微软最终向Spyglass赔付800万美元以和解官司。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-left">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">1995年11月</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">模仿网景浏览器的IE 2诞生</h6>
                                    <p class="card-text">
                                        IE 1问世仅几个月，微软便在同年的11月发布了第二版本的Internet
                                        Explorer。第二版最明显的改变在于复制了当时最热门浏览器——网景浏览器（Netscape
                                        Navigator）的若干项功能及设计。早些年，很多网站只为兼容网景浏览器而开发，以至于该浏览器在1996年的市场份额一度维持在90%左右。微软要想击败网警，首先就要拥抱和兼容后者的标准。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="bsa-timeline1 bsa-timeline1-right">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">1995年</h5>
                                    <h6 class="card-subtitle mb-2 text-body-secondary">微软Internet Explorer浏览器（IE
                                        1）诞生</h6>
                                    <p class="card-text">
                                        Internet Explorer
                                        1其实是微软和一家名为Spyglass的小公司之间的授权协议的产物。Spyglass是当时Mosaic网页浏览器（全球最早可显示图片的浏览器之一）背后的开发商。据帮助开发了Mosaic的原型的开发者埃里克·辛科（Eric
                                        Sink）表示，微软与Spyglass签署授权协议，主要是为了与当时的巨头网景公司抗衡。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>

</div>
<!--回到顶部开始-->
<a href="javaScript:" class="bsa-back-to-top"><i class='bi bi-arrow-up-short'></i></a>
<!--回到顶部结束-->


<script src="../lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../lib/jquery/dist/jquery.min.js"></script>
<script src="../dist/js/bootstrap-admin.min.js"></script>
<script src="../dist/js/app.js"></script>
<!--假数据模拟,生产环境中请直接删除该js-->
<script src="../dist/js/bootstrap-admin.mock.js"></script>

</body>
</html>